<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>历史评价</title>
    <link rel="stylesheet" href="../css/Side_menu.css">
</head>

<body>
<div class="container animate__animated animate__fadeIn">
    <div class="title">
        <span>爬虫网站评价</span>
        <p>Crawler website evaluation</p>
    </div>

    <div class="button-section animate__animated animate__fadeIn">
        <button class="review-button" data-target="module1" id="shopping">
            <span>商品评价</span>
            <span>Commodity evaluation</span>
        </button>
        <button class="review-button" data-target="module2" id="video">
            <span>影视评价</span>
            <span>Movie evaluation</span>
        </button>
        <button class="review-button" data-target="module3" id="weather">
            <span>天气评价</span>
            <span>Weather evaluation</span>
        </button>
        <button class="review-button" data-target="module4" id="picture">
            <span>图片评价</span>
            <span>Picture evaluation</span>
        </button>
    </div>
    <div id="reviewsContent">
        <div class="review-module" id="module1">
            <!-- 商品评价模块内容 -->
        </div>
    </div>
    <div class="input-section animate__animated animate__fadeIn">
        <input type="text" placeholder="您的评价是对我们最大的支持！" id="reviewInput">
        <input type="button" value="发送" id="submitReview">
    </div>
</div>
<!-- 提示框 -->
<div class="promptBox animate__animated animate__fadeIn"></div>
<div class="chart-section animate__animated animate__fadeIn">
    <canvas id="myChart"></canvas>
</div>



</body>
<script src="/public/JS/jquery-3.7.0.min.js"></script>
<script src="/public/JS/port.js"></script>
<script src="../js/Side_menu.js"></script>

<script src="../js/chart.js"></script>
</html>